<template>
	<view>
		<scroll-view scroll-y class="page">
			<!-- 头部 -->
			<cu-custom bgColor="bg-rgb" :isBack="true">
				<block slot="backText">返回</block>
				<block slot="content">物料详情</block>
			</cu-custom>
			<!-- 详情 -->
			<view class="list">
				<view class="cu-list menu" v-if="JSON.stringify(this.materielMsg) !=='{}'">
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.1s'}]">
						<view class="content">
							<text class="title">物料主数据</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
						<view class="content">
							<text>料号</text>
						</view>
						<view class="action">
							<text>{{materielMsg.materielCode}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.3s'}]">
						<view class="content">
							<text>物料类别</text>
						</view>
						<view class="action">
							<text>{{materielMsg.materielSort}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.4s'}]">
						<view class="content">
							<text>物料来源</text>
						</view>
						<view class="action">
							<text>{{materielMsg.materielSource}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.5s'}]">
						<view class="content">
							<text>物料类型</text>
						</view>
						<view class="action">
							<text>{{materielMsg.materielType}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.6s'}]">
						<view class="content">
							<text>品名</text>
						</view>
						<view class="action">
							<text>{{materielMsg.productName}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.7s'}]">
						<view class="content">
							<text>备注</text>
						</view>
						<view class="action remark">
							<text>{{materielMsg.note}}</text>
						</view>
					</view>
				</view>
				<view class="cu-list menu" v-if="JSON.stringify(this.scraperMsg) !=='{}'">
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.8s'}]">
						<view class="content">
							<text class="title">物料—钢网/刮刀</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.9s'}]">
						<view class="content">
							<text>安全库存量</text>
						</view>
						<view class="action">
							<text>{{scraperMsg.storageNum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.0s'}]">
						<view class="content">
							<text>生成规则</text>
						</view>
						<view class="action">
							<text>{{scraperMsg.createRule}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.1s'}]">
						<view class="content">
							<text>最大印刷次数</text>
						</view>
						<view class="action">
							<text>{{scraperMsg.maxPrintnum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.2s'}]">
						<view class="content">
							<text>印刷周期上限</text>
						</view>
						<view class="action">
							<text>{{scraperMsg.printCyclelimit}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.3s'}]">
						<view class="content">
							<text>保养次数</text>
						</view>
						<view class="action">
							<text>{{scraperMsg.maintainNum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.4s'}]">
						<view class="content">
							<text>保养周期</text>
						</view>
						<view class="action">
							<text>{{scraperMsg.maintainCycle}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.5s'}]">
						<view class="content">
							<text>保养提醒次数</text>
						</view>
						<view class="action">
							<text>{{scraperMsg.maintainRemindnum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.6s'}]">
						<view class="content">
							<text>保养提醒天数</text>
						</view>
						<view class="action">
							<text>{{scraperMsg.maintainReminddays}}</text>
						</view>
					</view>
				</view>
				<view class="cu-list menu" v-if="JSON.stringify(this.pcbMsg) !=='{}'">
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.7s'}]">
						<view class="content">
							<text class="title">PCD</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.8s'}]">
						<view class="content">
							<text>联板数</text>
						</view>
						<view class="action">
							<text>{{pcbMsg.linkBoard}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.9s'}]">
						<view class="content">
							<text>条码拼版数</text>
						</view>
						<view class="action">
							<text>{{pcbMsg.barcodeNum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '1.9s'}]">
						<view class="content">
							<text>大板条码规则</text>
						</view>
						<view class="action">
							<text>{{pcbMsg.bigbarcodeRule}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '2.0s'}]">
						<view class="content">
							<text>小板条码规则</text>
						</view>
						<view class="action">
							<text>{{pcbMsg.smallbarcodeRule}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '2.1s'}]">
						<view class="content">
							<text>PCB标志</text>
						</view>
						<view class="action">
							<text>{{pcbMsg.pcbSymbol}}</text>
						</view>
					</view>
				</view>
				<view class="cu-list menu" v-if="JSON.stringify(this.productionMsg) !=='{}'">
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '2.2s'}]">
						<view class="content">
							<text class="title">物料-生产</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '2.3s'}]">
						<view class="content">
							<text>供料器尺寸</text>
						</view>
						<view class="action">
							<text>{{productionMsg.machineSize}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '2.4s'}]">
						<view class="content">
							<text>封装类型</text>
						</view>
						<view class="action">
							<text>{{productionMsg.packageType}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '2.5s'}]">
						<view class="content">
							<text>标准上料角度</text>
						</view>
						<view class="action">
							<text>{{productionMsg.standardAngle}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '2.6s'}]">
						<view class="content">
							<text>喷码标准工时</text>
						</view>
						<view class="action">
							<text>{{productionMsg.sparyTime}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '2.7s'}]">
						<view class="content">
							<text>管控类型</text>
						</view>
						<view class="action">
							<text>{{productionMsg.controlType}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '2.8s'}]">
						<view class="content">
							<text>老化时间</text>
						</view>
						<view class="action">
							<text>{{productionMsg.agingTime}}</text>
						</view>
					</view>
				</view>
				<view class="cu-list menu" v-if="JSON.stringify(this.qualityMsg) !=='{}'">
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '2.9s'}]">
						<view class="content">
							<text class="title">物料-品质</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '3.0s'}]">
						<view class="content">
							<text>保质期(天)</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.shelfLife}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '3.1s'}]">
						<view class="content">
							<text>过期提醒时间</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.duedateRemind}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '3.2s'}]">
						<view class="content">
							<text>FQC送检</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.fqcCheck}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '3.3s'}]">
						<view class="content">
							<text>送检数量</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.checkNum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '3.4s'}]">
						<view class="content">
							<text>不良报废</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.writeOff}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '3.5s'}]">
						<view class="content">
							<text>封样测试</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.demoTest}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '3.6s'}]">
						<view class="content">
							<text>维修上限次数</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.fixNum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '3.7s'}]">
						<view class="content">
							<text>阻容上限</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.upperLimit}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '3.8s'}]">
						<view class="content">
							<text>阻容下限</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.downLimit}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '3.9s'}]">
						<view class="content">
							<text>阻容单位</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.resistanceUnit}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '4.0s'}]">
						<view class="content">
							<text>库存复检周期</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.checkCycle}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '4.1s'}]">
						<view class="content">
							<text>复检提醒天数</text>
						</view>
						<view class="action">
							<text>{{qualityMsg.remindDays}}</text>
						</view>
					</view>
				</view>
				<view class="cu-list menu" v-if="JSON.stringify(this.accessoriesMsg) !=='{}'">
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '4.2s'}]">
						<view class="content">
							<text class="title">物料-红胶锡膏</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '4.3s'}]">
						<view class="content">
							<text>安全库存量</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.storageNum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '4.4s'}]">
						<view class="content">
							<text>生成规则</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.createRule}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '4.5s'}]">
						<view class="content">
							<text>回温时间(分钟)</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.heatTime}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '4.6s'}]">
						<view class="content">
							<text>回温上限时间(分钟)</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.heatLimit}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '4.7s'}]">
						<view class="content">
							<text>搅拌时间(分钟)</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.stirTime}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '4.8s'}]">
						<view class="content">
							<text>搅拌上限时间(分钟)</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.stirLimit}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '4.9s'}]">
						<view class="content">
							<text>回温次数</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.heatNum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '5.0s'}]">
						<view class="content">
							<text>过炉时间(分钟)</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.crossStove}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '5.1s'}]">
						<view class="content">
							<text>保质期(天)</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.shelfDay}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '5.2s'}]">
						<view class="content">
							<text>开罐保质期(分钟)</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.openShelfday}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '5.3s'}]">
						<view class="content">
							<text>回温衰减(%)</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.heatReduce}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '5.4s'}]">
						<view class="content">
							<text>RoHS</text>
						</view>
						<view class="action">
							<text>{{accessoriesMsg.rohs}}</text>
						</view>
					</view>
				</view>
				<view class="cu-list menu" v-if="JSON.stringify(this.storageMsg) !=='{}'">
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '5.5s'}]">
						<view class="content">
							<text class="title">物料-仓储</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '5.6s'}]">
						<view class="content">
							<text>最小安全库存</text>
						</view>
						<view class="action">
							<text>{{storageMsg.minStorenum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '5.7s'}]">
						<view class="content">
							<text>最大安全库存</text>
						</view>
						<view class="action">
							<text>{{storageMsg.maxStorenum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '5.8s'}]">
						<view class="content">
							<text>产标标准重量</text>
						</view>
						<view class="action">
							<text>{{storageMsg.standardWeight}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '5.9s'}]">
						<view class="content">
							<text>满箱重量</text>
						</view>
						<view class="action">
							<text>{{storageMsg.fullWeight}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.0s'}]">
						<view class="content">
							<text>最小包装量</text>
						</view>
						<view class="action">
							<text>{{storageMsg.minPacknum}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.1s'}]">
						<view class="content">
							<text>单位</text>
						</view>
						<view class="action">
							<text>{{storageMsg.unit}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.2s'}]">
						<view class="content">
							<text>体积</text>
						</view>
						<view class="action">
							<text>{{storageMsg.bulk}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.2s'}]">
						<view class="content">
							<text>超收、超发标志</text>
						</view>
						<view class="action">
							<text>{{storageMsg.excessToken}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.3s'}]">
						<view class="content">
							<text>呆滞周期</text>
						</view>
						<view class="action">
							<text>{{storageMsg.haltDate}}</text>
						</view>
					</view>
				</view>
				<view class="cu-list menu" v-if="JSON.stringify(this.otherMsg) !=='{}'">
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.4s'}]">
						<view class="content">
							<text class="title">物料-其他</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.5s'}]">
						<view class="content">
							<text>MSD管控标志</text>
						</view>
						<view class="action">
							<text>{{otherMsg.msdSymbol}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.6s'}]">
						<view class="content">
							<text>ROHS</text>
						</view>
						<view class="action">
							<text>{{otherMsg.rohs}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.7s'}]">
						<view class="content">
							<text>MSD规则</text>
						</view>
						<view class="action">
							<text>{{otherMsg.msdRule}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.8s'}]">
						<view class="content">
							<text>客户料号</text>
						</view>
						<view class="action">
							<text>{{otherMsg.clientCode}}</text>
						</view>
					</view>
					<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '6.9s'}]">
						<view class="content">
							<text>料盘尺寸</text>
						</view>
						<view class="action">
							<text>{{otherMsg.plateSize}}</text>
						</view>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		name: 'materielDetail',
		data() {
			return {
				id: '', // 物料ID
				materielMsg: {}, // 主数据—物料
				scraperMsg: {}, // 物料—钢网/刮刀
				otherMsg: {}, // 物料—其他 111
				pcbMsg: {}, // pcb
				productionMsg: {}, // 物料—生产
				qualityMsg: {}, //物料—品质
				accessoriesMsg: {}, //物料-辅料
				storageMsg: {}, //物料-仓储
			}
		},
		onLoad(e) {
			this.id = uni.getStorageSync('materielId');  // 获取物料ID
			this.getMaterielDetail();  // 物料主数据
			this.getScraperDetail(); // 主数据—物料
			this.getOtherDetail(); // 物料—其他 
			this.getPcbDetail(); // pcb
			this.getProductionDetail(); // 物料—生产
			this.getQualityDetail(); //物料—品质
			this.getAccessoriesDetail(); //物料-辅料
			this.getStorageDetail();//物料-仓储
		},
		methods: {
			// 主数据—物料-通过id查询
			getMaterielDetail() {
				uni.showLoading({
					mask:true,
					title:'加载中.....'
				})
				let data = {
					id: this.id
				}
				this.$http.get('chiefdata/mesChiefdataMateriel/queryById', {
					params: data
				}).then(res => {
					uni.hideLoading()
					if (res.data.success) {
						this.materielMsg = res.data.result;
					} else {
						// this.$tip.error(res.data.message)
            this.modal.show({ type:'error', content:res.data.message })
					}
				})
			},
			// 物料—钢网/刮刀主表ID查询
			getScraperDetail() {
				let data = {
					id: this.id
				}
				this.$http.get('chiefdata/mesChiefdataMateriel/queryMesMaterielNetknifeByMainId', {
					params: data
				}).then(res => {
					if (res.data.success) {
						if (res.data.result[0] != undefined) {
							if (res.data.result[0] != undefined) {
								this.scraperMsg = res.data.result[0];
							}
						}
						console.log(this.scraperMsg)
					} else {
						// this.$tip.error(res.data.message)
            this.modal.show({ type:'error', content:res.data.message })
					}
				})
			},
			// 物料—其他-通主表ID查询
			getOtherDetail() {
				let data = {
					id: this.id
				}
				this.$http.get('chiefdata/mesChiefdataMateriel/queryMesMaterielOtherByMainId', {
					params: data
				}).then(res => {
					if (res.data.success) {
						if (res.data.result[0] != undefined) {
							this.otherMsg = res.data.result[0];
						}
					} else {
						// this.$tip.error(res.data.message)
            this.modal.show({ type:'error', content:res.data.message })
					}
				})
			},
			// 物料—PCB主表ID查询
			getPcbDetail() {
				let data = {
					id: this.id
				}
				this.$http.get('chiefdata/mesChiefdataMateriel/queryMesMaterielPcbByMainId', {
					params: data
				}).then(res => {
					if (res.data.success) {
						if (res.data.result[0] != undefined) {

							this.pcbMsg = res.data.result[0];
						}
					} else {
						// this.$tip.error(res.data.message)
            this.modal.show({ type:'error', content:res.data.message })
					}
				})
			},
			// 物料—生产主表ID查询
			getProductionDetail() {
				let data = {
					id: this.id
				}
				this.$http.get('chiefdata/mesChiefdataMateriel/queryMesMaterielProduceByMainId', {
					params: data
				}).then(res => {
					if (res.data.success) {
						if (res.data.result[0] != undefined) {
							this.productionMsg = res.data.result[0];
						}
						console.log(this.productionMsg)
					} else {
						// this.$tip.error(res.data.message)
            this.modal.show({ type:'error', content:res.data.message })
					}
				})
			},
			// 物料—品质主表ID查询
			getQualityDetail() {
				let data = {
					id: this.id
				}
				this.$http.get('chiefdata/mesChiefdataMateriel/queryMesMaterielQualityByMainId', {
					params: data
				}).then(res => {
					if (res.data.success) {
						if (res.data.result[0] != undefined) {
							this.qualityMsg = res.data.result[0];
						}
					} else {
						// this.$tip.error(res.data.message)
            this.modal.show({ type:'error', content:res.data.message })
					}
				})
			},
			// 主数据—辅料-红胶/锡膏主表ID查询
			getAccessoriesDetail() {
				let data = {
					id: this.id
				}
				this.$http.get('chiefdata/mesChiefdataMateriel/queryMesMaterielRedgumByMainId', {
					params: data
				}).then(res => {
					if (res.data.success) {
						if (res.data.result[0] != undefined) {
						this.accessoriesMsg = res.data.result[0];
						}
						console.log(this.accessoriesMsg)
					} else {
						// this.$tip.error(res.data.message)
            this.modal.show({ type:'error', content:res.data.message })
					}
				})
			},
			// 物料—仓储主表ID查询
			getStorageDetail() {
				let data = {
					id: this.id
				}
				this.$http.get('chiefdata/mesChiefdataMateriel/queryMesMaterielStorageByMainId', {
					params: data
				}).then(res => {
					if (res.data.success) {
						if (res.data.result[0] != undefined) {
						this.storageMsg = res.data.result[0];
						}
					} else {
						// this.$tip.error(res.data.message)
            this.modal.show({ type:'error', content:res.data.message })
					}
				})
			},
		},
	}
</script>

<style lang="less">
	page {
		background-color: white;
		.remark {
			width: 90% !important;
		}
		.title {
			font-size: 34rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			line-height: 60px;
		}
		.content{
			color: #485A75;
			font-size: 28rpx;
		}
		.action {
			color: #191919;
			font-size: 30rpx;
			width: 70%;
			text-align: right;
			word-break: break-all;
		}
	}
</style>
